<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <input type="text" @input="handleInput" placeholder="input ..."/>
    <p>input info :{{message}}</p>

</div>

<!--  <script src="E:\idea_workspace\study\vue\vue.min.js"></script>-->
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>

<script>
    var app = new Vue({
        el: '#app',
        data: {
            message: ''
        },
        methods:{
            handleInput:function (e){
                this.message = e.target.value();
            }
        }

    })
</script>

</body>
</html>